<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="My Play Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstrap -->
    <link href="./asset/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
    <!-- //bootstrap -->
    <link href="./asset/css/dashboard.css" rel="stylesheet">
    <!-- Custom Theme files -->
    <link href="./asset/css/style.css" rel='stylesheet' type='text/css' media="all" />
    <script src="./asset/js/jquery-1.11.1.min.js"></script>
    <!--start-smoth-scrolling-->
    <!-- fonts -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
    <!-- //fonts -->
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top"	>
    <div class="container-fluid">
        <div class="navbar-header">

            <a class="navbar-brand" href="index.php?c=index&m=index"><h1><img src="./asset/images/logo.png" alt="" /></h1></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="top-search">
                <form action="index.php?c=index&m=search" method="post" class="navbar-form navbar-right">
                    <input type="text" name="search" class="form-control" placeholder="Search...">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="header-top-right">

                <div class="signin">

                    <!-- pop-up-box -->
                    <script type="text/javascript" src="./asset/js/modernizr.custom.min.js"></script>
                    <link href="./asset/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
                    <script src="./asset/js/jquery.magnific-popup.js" type="text/javascript"></script>
                    <!--//pop-up-box -->
                    <script>
                        $(document).ready(function() {
                            $('.popup-with-zoom-anim').magnificPopup({
                                type: 'inline',
                                fixedContentPos: false,
                                fixedBgPos: true,
                                overflowY: 'auto',
                                closeBtnInside: true,
                                preloader: false,
                                midClick: true,
                                removalDelay: 300,
                                mainClass: 'my-mfp-zoom-in'
                            });

                        });
                    </script>
                </div>
                <?php
                session_start();
                if(empty($_SESSION['user'])){
                    echo "<div class=\"signin\">
                    <a href=\"#small-dialog\" class=\"play-icon popup-with-zoom-anim\">Sign In</a>
                    <div id=\"small-dialog\" class=\"mfp-hide\">
                        <h3>Login</h3>
                        <div class=\"social-sits\">
                            <div class=\"facebook-button\">
                                <a href=\"#\">Connect with Facebook</a>
                            </div>
                            <div class=\"chrome-button\">
                                <a href=\"#\">Connect with Google</a>
                            </div>
                            <div class=\"button-bottom\">
                                <p>New account? <a href=\"#small-dialog2\" class=\"play-icon popup-with-zoom-anim\">Signup</a></p>
                            </div>
                        </div>
                        <div class=\"signup\">
                            <form action=\"index.php?c=index&m=login\" method=\"post\">
                                <input type=\"text\" name='user' class=\"email\"  required=\"required\"/>
                                <input type=\"password\" name='password' placeholder=\"Password\" required=\"required\"  title=\"Minimum 6 characters required\" autocomplete=\"off\" />
                                <input type=\"submit\"  value=\"LOGIN\"/>
                            </form>
                            <div class=\"forgot\">
                                <a href=\"#\">Forgot password ?</a>
                            </div>
                        </div>
                        <div class=\"clearfix\"> </div>
                    </div>
                </div>";
                }
                else
                {
                    echo "<button class=\"btn btn-success navbar-btn\">欢迎您".$_SESSION["user"]."</button>";
                    echo "<a class=\"btn btn-success navbar-btn\" href='index.php?c=index&m=outlogin'>立即注销</a>";
                    echo "<a class=\"btn btn-success navbar-btn\" href='index.php?c=index&m=choice'>已选名单</a>";

                }
                ?>
                <div class="clearfix"> </div>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</nav>
<div class="col-md-10 col-md-offset-1 main">
<div class="show-top-grids">
    <div class="col-sm-8 col-sm-offset-2">
        <div class="song">
            <div class="song-info">
                <h3><?php echo $data['videos']['videoname']
                    ;?></h3>
            </div>
            <div class="video-grid">
                <img height="429" width="330" src="./posters/<?php echo $data['videos']['pic'];  ?> ">
            </div>
        </div>
        <div class="song-grid-right">
            <div class="share">
                <h5>Basic information</h5>
                <ul>
                    <li>姓名：<?php echo $data['videos']['videoname']?></h3></li>
                    <!--<li> <?php foreach($data['videos'] as $row){        
                        echo "<td>";
                       if($row['gender']=='0') echo "男";
                       else echo "女";
                        echo "</td>";
                    }
                      ?>-->
                    </li>
                    <li>生日：<?php echo $data['videos']['birthdate']?></li>
                    <li>学校：<?php echo $data['videos']['school']?></li>
                    <li>爱好：<?php echo $data['videos']['hobby']?></li>
                    <li>毕业于：<?php echo $data['videos']['graduatedate']?></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"> </div>
        <div class="published">
            <script src="jquery.min.js"></script>
            <script>
                $(document).ready(function () {
                    size_li = $("#myList li").size();
                    x=1;
                    $('#myList li:lt('+x+')').show();
                    $('#loadMore').click(function () {
                        x= (x+1 <= size_li) ? x+1 : size_li;
                        $('#myList li:lt('+x+')').show();
                    });
                    $('#showLess').click(function () {
                        x=(x-1<0) ? 1 : x-1;
                        $('#myList li').not(':lt('+x+')').hide();
                    });
                });
            </script>
            <div class="load_more">
                <ul id="myList">
                    <li>
                        <h4>用户<?php
                            echo $data['videos']['uploadadmin']?>发布于<?php
                            echo $data['videos']['uploaddate']?></h4>
                        <p><?php
                            echo $data['videos']['intro']?></p>

                        <a class="btn btn-success" href="addgouwuche.php?id=<?php echo $info[vid];?>">加入收藏</a>

                    </li>
                </ul>
            </div>
        </div>
        <div class="all-comments">
            <div class="all-comments-info">
                <a href="#">All Comments (8,657)</a>
                <div class="box">
                    <form>
                        <input type="text" placeholder="Name" required=" ">
                        <input type="text" placeholder="Email" required=" ">
                        <input type="text" placeholder="Phone" required=" ">
                        <textarea placeholder="Message" required=" "></textarea>
                        <input type="submit" value="SEND">
                        <div class="clearfix"> </div>
                    </form>
                </div>
                <div class="all-comments-buttons">
                    <ul>
                        <li><a href="#" class="top">Top Comments</a></li>
                        <li><a href="#" class="top newest">Newest First</a></li>
                        <li><a href="#" class="top my-comment">My Comments</a></li>
                    </ul>
                </div>
            </div>
            <div class="media-grids">
                <div class="media">
                    <h5>企业一</h5>
                    <div class="media-left">
                        <a href="#">

                        </a>
                    </div>
                    <div class="media-body">
                        <p>这条是评一</p>
                 
                    </div>
                </div>
                <div class="media">
                    <h5>企业二</h5>
                    <div class="media-left">
                        <a href="#">

                        </a>
                    </div>
                    <div class="media-body">
                        <p>这条是评论二</p>
                  
                    </div>
                </div>
                <div class="media">
                    <h5>企业一</h5>
                    <div class="media-left">
                        <a href="#">

                        </a>
                    </div>
                    <div class="media-body">
                        <p>这条是评论三</p>
            
                    </div>
                </div>
                <div class="media">
                    <h5>企业二</h5>
                    <div class="media-left">
                        <a href="#">

                        </a>
                    </div>
                    <div class="media-body">
                        <p>这条是评论四</p>
                        
                    </div>
                </div>
            </div>
        </div>


    <div class="clearfix"> </div>
</div>
    </div>
<div class="clearfix"> </div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./asset/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
</body>
</html>
